﻿@model BussinessLogic.Models.ActivityProtocolMatrix
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>MatrixExercise</title>
    <script type="text/javascript">
        var trialCount = @Model.TrialCount;
        var negativePhotos = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.Negatives));
        var neutralPhotos = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.Neutrals));

        var trials = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.Trials));
    </script>
    <style type="text/css">
        
    </style>
</head>
<body>
@using (Html.BeginForm("MatrixExercise", "Session"))
{
        @Html.HiddenFor(m => m.StudyID)
        @Html.HiddenFor(m => m.ActivityID)

        @Html.HiddenFor(m => m.RemainingCrtActivity)
        @Html.HiddenFor(m => m.RemainingCrtGroup);
        @Html.HiddenFor(m => m.RemainingCrtSession);
                                              
        @Html.HiddenFor(m => m.ProtocolActivityId)
        @Html.HiddenFor(m => m.ProtocolGroupId);
        @Html.HiddenFor(m => m.ProtocolSessionId);
    
    <div id="container">
        <div class="photoDisplay" style="display:none">
            <table id="matrixTable">
                <tr>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/1.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/2.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/3.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/4.png")" alt="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/1.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/2.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/3.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/4.png")" alt="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/1.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/2.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/3.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/4.png")" alt="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/1.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/2.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/3.png")" alt="" />
                    </td>
                    <td>
                        <img src="@Url.Content("~/uploads/negative/4.png")" alt="" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <input id="jsonResult" type="text" name="jsonResult" style="display: none" />
}
</body>
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.19.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
<script src="../../Scripts/Protocol/MatrixProtocol.js" type="text/javascript"></script>
</html>
